<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/spring.tld" %>
<%@ taglib prefix="c" uri="/WEB-INF/tlds/c.tld" %>
<c:set var="BasePath" value="${pageContext.request.contextPath}">
</c:set>
<c:set var="Plugins" value="${pageContext.request.contextPath}/res/plugins">
</c:set>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>新增物流</title>
        <link href="${Plugins}/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
        <link href="${Plugins}/ligerUI/skins/Gray/css/all.css" rel="stylesheet" type="text/css" />
        <script src="${Plugins}/jquery/jquery-1.3.2.min.js" type="text/javascript">
        </script>
        <script src="${Plugins}/ligerUI/js/ligerui.min.js" type="text/javascript">
        </script>
        <script src="${Plugins}/jquery-validation/jquery.validate.min.js" type="text/javascript">
        </script>
        <script src="${Plugins}/jquery-validation/jquery.metadata.js" type="text/javascript">
        </script>
        <script src="${Plugins}/jquery-validation/messages_cn.js" type="text/javascript">
        </script>
        <script src="${BasePath}/res/js/common/jquery.form.js" type="text/javascript">
        </script>
        <script type="text/javascript" src="${BasePath}/res/js/ligerCommon.js">
        </script>
        <script src="${BasePath}/res/js/common/jquery.validate.method.js" type="text/javascript">
        </script>
        <script src="${Plugins}/datepicker/WdatePicker.js" type="text/javascript">
        </script>
        <style type="text/css">
            body {
                font-size: 12px;
            }
            
            .l-table-edit {
            }
            
            .l-table-edit-td {
                padding: 4px;
            }
            
            .l-button-submit, .l-button-test {
                width: 80px;
                float: left;
                margin-left: 10px;
                padding-bottom: 2px;
            }
            
            .l-verify-tip {
                left: 230px;
                top: 120px;
            }
            
            .p-tab .s-lab {
                font-size: 12px;
                font-family: "微软雅黑", "宋体", Arial, sans-serif;
            }
            
            input.l-textarea {
                width: 170px;
                height: 20px;
                font-size: 12px;
            }
            
            .navbar {
                height: 20px;
                border-bottom: #E6E6E6 solid 1px;
                line-height: 20px;
            }
            
           
        </style>
    </head>
    <body style="padding:10px">
        <div class="navbar">
            <span>您当前的位置：</span>
          基础数据管理 &gt;物流商结算设置 &gt;新增物流
        </div>
        <form name="form1" method="post" action="c_logisticInfo.do" id="form1">
            <br>
            <table cellpadding="0" cellspacing="0" class="l-table-edit p-tab">
                <tr>
                    <td align="right" class="l-table-edit-td s-lab">
                        <font color="red">
                            *
                        </font>物流公司名称:
                    </td>
                    <td align="left" class="l-table-edit-td s-lab">
                        <input name="logisticsName" type="text" class="l-textarea" maxlength="20" id="logisticsName"  validate="{required:true,minlength:1,maxlength:20,username:true,logisticsName_exit:true}" />&nbsp;<span style="color:red" id="error"></span>
                    </td>
                </tr>
                <tr>
                    <td align="right" class="l-table-edit-td s-lab">
                        <font color="red">
                            *
                        </font>物流编码:
                    </td>
                    <td align="left" class="l-table-edit-td s-lab">
                        <input name="logisticsId" type="text" class="l-textarea" maxlength="20" id="logisticsId"  validate="{required:true,minlength:1,maxlength:20,userNumber:true,logisticsId_exit:true}" /></span>
                    </td>
                    <td align="left">
                    </td>
                </tr>
                <tr>
                    <td align="right" class="l-table-edit-td s-lab">
                        描述：
                    </td>
                    <td align="left" class="l-table-edit-td s-lab">
                        <textarea cols="50" style="resize: none;" rows="4" onkeyup="this.value=this.value.substring(0,100);" class="l-textarea" id="describe" name="describe" style="width:200px" validate="{maxlength:100}"></textarea>
                    </td>
                    <td align="left">
                    </td>
                </tr>
            </table>
            <input type="submit" value="保存" id="Button1" class="l-button l-button-submit" /><input type="button" value="取消" name="tests" id="tests" class="l-button l-button-test" />
        </form>
        <div style="display:none">
            <!--  数据统计代码 -->
        </div>
        <script type="text/javascript">
            $(function(){
            	
            	jQuery.validator.addMethod("logisticsId_exit",function(value,element){
    				var logisticsId = $("#logisticsId").val();
    				var rst = false;
    				  $.ajax({
    						type:"POST",
    						url:"../../base/logisticsManageController/checkLogisticId.do",
    						data:{"logisticsId":logisticsId},
    						async : false,
    						success:function(data){
    							if(data=="fail"){
    								rst = false;
    							}else{
    								rst = true;
    							}
    						}
    					});
    				  return this.optional(element) || rst;
    			
    			   },"该编码已存在，请重输入");
            	
            	
            	
            	jQuery.validator.addMethod("logisticsName_exit",function(value,element){
    				var logisticName = $("#logisticsName").val();
    				var rst = false;
    				  $.ajax({
    						type:"POST",
    						url:"../../base/logisticsManageController/checkLogisticName.do",
    						data:{"logisticName":logisticName},
    						async : false,
    						success:function(data){
    							if(data=="fail"){
    								rst = false;
    							}else{
    								rst = true;
    							}
    						}
    					});
    				  return this.optional(element) || rst;
    			
    			   },"该名称已存在，请重输入");
            	
                //validate
                $.metadata.setType("attr", "validate");
                var v = $("form").validate({
                    errorPlacement: function(lable, element){
                        lable.ligerHideTip();
                        if (element.hasClass("l-textarea")) {
                            element.ligerTip({
                                content: lable.html(),
                                target: element[0]
                            });
                        }
                        else 
                            if (element.hasClass("l-text-field")) {
                                element.parent().ligerTip({
                                    content: lable.html(),
                                    target: element[0]
                                });
                            }
                            else {
                                lable.appendTo(element.parents("td:first").next("td"));
                            }
                    },
                    success: function(lable){
                        lable.ligerHideTip();
                        lable.remove();
                    },
                    submitHandler: function(){
                        $("form .l-text,.l-textarea").ligerHideTip();
                        var options = {
                            type: 'POST',
                            beforeSend: function(){
                                $("#form1").find(":submit,:button").attr("disabled", true);
                            },
                            success: function(data){
                                if (data == "success") {
                                    window.parent.f_tip('新增成功');
                                    window.location.href = "../../base/logisticsManageController/toPageFinderLogisticInfo.do";
                                    close_liger_tab();
                                }
                                else {
                                    window.parent.f_tip('新增失败');
                                }
                            }
                        }, $form1 = $("#form1");
                        $form1.ajaxSubmit(options);
                        return false;
                    }
                });
            });
            // 取消
            $("#tests").click(function(){
                close_liger_tab();
            });
        </script>
    </body>
</html>
